<script setup lang="ts">
import { useThemeMode } from '@/utils/useThemeMode'
import { ModeDarkIcon, ModeLightIcon } from 'tdesign-icons-vue-next'

const { isLight, changeThemeMode } = useThemeMode()
</script>
<template>
  <t-button variant="text" shape="square" @click="changeThemeMode">
    <ModeLightIcon v-if="isLight" />
    <ModeDarkIcon v-else />
  </t-button>
</template>
